<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>class类</h1>
      <p>1.constructor是构造函数</p>
      <p>2.类的方法中有实例方法和静态方法</p>
      <p>3.静态成员-static(静态方法)</p>
      <p>4.因为静态方法是挂载类上的,所以this方法不会指向实例方法</p>
    </div>
    <script>
      //以前
      //构造函数
      // function Person(name) {
      //   this.name = name;
      // }
      //共享实例方法
      // Person.prototype.say = function () {};
      // const p = new Person('xjq');

      //class类

      class Person {
        //构造函数
        constructor(name) {
          this.name = name;
        }
        // 实例方法
        say() {
          console.log(this.name); // xjq
          return this.name;
        }
        //静态方法
        static create(name) {
          return new Person(name);
        }
      }
      const p = new Person("xjq");
      console.log(p.say()); //xjq

      const tom = Person.create("tom"); // 调用静态方法
    </script>
  </body>
</html>
